import Image from 'next/legacy/image';

import Accessibility from './assets/accessibility.svg';

export default {
  component: Image,
  args: {
    src: Accessibility,
    alt: 'Accessibility',
  },
};

export const Default = {};

export const BlurredPlaceholder = {
  args: {
    placeholder: 'blur',
  },
};

export const BlurredAbsolutePlaceholder = {
  args: {
    src: 'https://storybook.js.org/images/placeholders/50x50.png',
    width: 50,
    height: 50,
    blurDataURL:
      '',
    placeholder: 'blur',
  },
};
